<template>
	<view class="container">
		<h5>账单统计</h5>
		<!-- 收租账单 -->
		<view class="content-box">
		    <view class="block-item"  @click="jump('/pages-landlord/statistics/totalVacancyRate')">
              <text>总空置率</text>
              <u-icon name="arrow-right" size="18rpx" color="#000" bold></u-icon>
            </view>
			<view class="block-item"  @click="jump('/pages-landlord/statistics/yearTongji')">
              <text>收租年统计</text>
              <u-icon name="arrow-right" size="18rpx" color="#000" bold></u-icon>
            </view>
            <view class="block-item"  @click="jump('/pages-landlord/statistics/dayTongji')">
              <text>收租日统计</text>
              <u-icon name="arrow-right" size="18rpx" color="#000" bold></u-icon>
            </view>
            <view class="block-item"  @click="jump('/pages-landlord/statistics/waterTongji')">
              <text>水电统计</text>
              <u-icon name="arrow-right" size="18rpx" color="#000" bold></u-icon>
            </view>
            <view class="block-item"  @click="jump('/pages-landlord/statistics/projectTongji')">
              <text>项目统计</text>
              <u-icon name="arrow-right" size="18rpx" color="#000" bold></u-icon>
            </view>
            <view class="block-item"  @click="jump('/pages-landlord/statistics/depositTongji')">
              <text>押金统计</text>
              <u-icon name="arrow-right" size="18rpx" color="#000" bold></u-icon>
            </view>
            
		</view>
	</view>
</template>

<script>

export default {
	data() {
		return {
			list: [],
			
		};
	},
	onLoad(options) {},
	async onReachBottom() {},
	methods: {
		// 路由跳转
		jump(item) {
			uni.navigateTo({
				url: item
			});
		}
	},
	onReady() {
		// 微信小程序需要用此写法
	},
};
</script>

<style lang="less" scoped>
.container {
	min-height: 100vh;
	background: #F5F6FA;
	margin: 32rpx;
	h5{
		font-weight: 500;
		font-size: 28rpx;
		color: #2A0C00;
		line-height: 18px;
		text-align: left;
		margin: 0 32rpx 20rpx;
	}
    .content-box{
      padding:20rpx 32rpx;
	  	background: #ffffff;
		border-radius: 20rpx;
      .block-item{
        font-size:28rpx;
        width:100%;
	    color: #666666;
        padding: 20rpx 0;
        display:flex;
        align-items:center;
        justify-content:space-between;
        // border-bottom:1px solid #dddddd;
      }
    }
}

</style>